<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>丽子美妆首页</title>
		<!--jq引入-->
		<script src="../js/jquery-1.12.4.js"></script>
		<!--样式引入-->
		<link rel="stylesheet" href="../css/header.css"/>
		<link rel="stylesheet" href="../css/footer.css"/>
		<link rel="stylesheet" href="../css/index.css"/>
		<!--引入头部和页脚文件-->
		<script>
			$(function(){
				$("#header-yr").load("header.html");
				$("#yinru").load("footer.html");
			});
		</script>
	</head>
	<body>

		<!--楼层-->
		<ul id="LoutiNav">
			<li><i>热门活动</i><span>热门活动</span></li>
			<li><i>人气爆棚</i><span>人气爆棚</span></li>
			<li><i>分类推荐</i><span>分类推荐</span></li>
			<li><i>品牌大全</i><span>品牌大全</span></li>
		</ul>
		<!--头部引入文件-->
		<div id="header-yr"></div>
		<!--轮播图-->
		<div id="lbt_back">
			<div id="lbt">
				<div class="lbt-top">
					<!--轮播项-->
					<div class="lbt-item">
						<a class="b1" href="#"></a>
						<a class="b2" href="#"></a>
						<a class="b3" href="#"></a>
						<a class="b4" href="#"></a>
						<a class="b5" href="#"></a>
					</div>
					<!--轮播控制按钮-->
					<div class="lbt-control">
						<ul class="controlUl">
							<li class="active"></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<!--轮播上面的控制按钮-->
					<div class="arrow goahead iconfont">&#xe644;</div>
					<div class="arrow back iconfont">&#xe643;</div>
				</div>
				<div class="lbt-bottom">
					<a href="#">
					</a>
				</div>
			</div>
		</div>
		<!--60秒闪购-->
		<div id="fastShopping_back">
		<div id="fastShopping">
			<div class="title">
				<div class="desc">
					<a href="#">
						<img src="../images/fastShopping01.png"/>
					</a>
				</div>
				<div class="timeChange">
					<ul>

						<li class="countDown time1">
							距本轮结束还有:<span id="time1"></span>
						</li>
							<!--<img class="t1Img" src="../images/timeChange.jpg"/>-->
						<!--</li>-->
						<!--<li id="time2" class="countDown time2">-->
							<!--<img class="t2Img" src="../images/timeChange.png"/>-->
						<!--</li>-->
						<!--<li>秒</li>-->
					</ul>
				</div>
			</div>
			<div class="fastList">
				<div class="fastItem">
					<div class="fastItem-container">
						<ul>
							<!--<li>-->
								<!--<a href="#">-->
									<!--<img src="../images/fast1.jpg">-->
									<!--<p class="desc">-->
										<!--<span class="bao">爆款</span>-->
										<!--韩国ETUDE HOUSE爱丽小屋kiss note那时花开甜心唇膏口红3.4g-->
									<!--</p>-->
									<!--<p class="newPrice">49.50</p>-->
									<!--<p class="oldPrice">丽子价： ￥55.00</p>-->
									<!--<p class="qiang">立即抢购</p>-->
									<!--<p class="changeBg"></p>-->
								<!--</a>-->
							<!--</li>-->

						</ul>
						<ul></ul>
						<ul></ul>
						<ul></ul>
						<ul></ul>
					</div>
				</div>

				<!--上面的控制按钮-->
				<div class="arrow prve iconfont">&#xe644;</div>
				<div class="arrow next iconfont">&#xe643;</div>
			</div>
			<div class="fastControl">
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
	</div>
		<!--热门活动-->
		<div id="hotActive_back">
			<div id="hotActive" class="louceng">
				<div class="title">
					<a href="#"><h2>热门活动</h2></a>
					<p>只要您不满意就无条件退货</p>
				</div>
				<ul>
					<!--<li>-->
						<!--<a href="#">-->
							<!--<img src="../images/hot01.jpg"/>-->
						<!--</a>-->
						<!--<p class="countTime">-->
							<!--<span class="iconfont">&#xe63f;</span>-->
							<!--剩余天数：-->
							<!--<span class=\"count\"></span>-->
						<!--</p>-->
					<!--</li>-->

				</ul>

			</div>
		</div>
		<!--人气爆款-->
		<div id="manLike_back">
			<div id="manLike" class="louceng">
				<div class="title">
					<a href="#"><h2>人气爆款</h2></a>
					<p>100%低价&nbsp;100%信赖&nbsp;100%正品</p>
				</div>
				<ul>
					<!--<li>-->
						<!--<a  href="#">-->
							<!--<span class="img">-->
								<!--<img src="../images/like1.jpg"/>-->
							<!--</span>-->
							<!--<p class="intro">日本sofina苏菲娜控油瓷效防晒隔离妆前乳spf25/pa++25g</p>-->
						<!--</a>-->
						<!--<p class="price">-->
							<!--<span class="newPrice">￥89.90</span>-->
							<!--<span class="oldPrice">￥98.00</span>-->
							<!--<span class="iconfont">&#xe629;2120</span>-->
						<!--</p>-->
						<!--<p class="countTime">-->
							<!--<span class="iconfont">&#xe63f;</span>-->
							<!--<span class="count"></span>-->
						<!--</p>-->
						<!--<a class="nowbuy" href="#"><img src="../images/nowbuy.png"/></a>-->

					<!--</li>-->


				</ul>
			</div>
		</div>
		<!--分类推荐-->
		<div id="sort_back">
			<div id="sort" class="louceng">
				<div class="title">
					<a href="#"><h2>推荐分类</h2></a>
					<p>千万用户信赖的美妆品牌</p>	
				</div>
				<!--化妆水-->
				<div class="water" id="water">
					<div class="sort-show">
						<a href="#"><b>化妆水</b></a>
						<a href="#">爽肤水</a>
						<a href="#">紧肤水</a>
						<a href="#">美容液</a>
						<a href="#">精华水</a>
						<a href="#">喷雾</a>
					</div>
					<ul>
						<!--<li>-->
							<!--<a href="#">-->
								<!--<p class="pic">-->
									<!--<img src="../images/sort1.jpg"/>-->
								<!--</p>-->
								<!--<p class="intro">-->
									<!--法国Avene雅漾舒护活泉水喷雾300ml 补水保湿舒缓肌肤-->
								<!--</p>-->
								<!--<div class="btm">-->
									<!--<span class="price">-->
										<!--￥<strong>82</strong>-->
									<!--</span>-->
									<!--<span class="iconfont sales">&#xe629;27183-->
									<!--</span>									-->
								<!--</div>	-->
							<!--</a>-->
						<!--</li>-->
				</ul>
			</div>
				<!--洗面-->
				<div class="water" id="clearface">
					<div class="sort-show">
						<a href="#"><b>洗面</b></a>
						<a href="#">洗面奶</a>
						<a href="#">洗面乳</a>
						<a href="#">洗面膏</a>
						<a href="#">洗面皂</a>
						<a href="#">洗面粉</a>
					</div>
					<ul></ul>
				</div>
				<!--面膜-->
				<div class="water" id="mask">
					<div class="sort-show">
						<a href="#"><b>面膜</b></a>
						<a href="#">面膜贴</a>
						<a href="#">水洗面膜</a>
						<a href="#">睡眠面膜</a>
					</div>
					<ul></ul>
				</div>
				<!--底妆-->
				<div class="water" id="base">
					<div class="sort-show">
						<a href="#"><b>底妆</b></a>
						<a href="#">BB霜</a>
						<a href="#">粉底液</a>
						<a href="#">隔离霜</a>
						<a href="#">粉饼</a>
						<a href="#">散粉</a>
					</div>
					<ul></ul>
				</div>
				
				<!--香氛-->
				<div class="water" id="fragrance">
					<div class="sort-show">
						<a href="#"><b>香氛</b></a>
						<a href="#">女士香水</a>
						<a href="#">男士香水</a>
						<a href="#">中性香水</a>
					</div>
					<ul></ul>
				</div>
			</div>
		</div>
		<!--品牌大全-->
		<div id="brands_back">
			<div id="brands" class="louceng">
				<div class="title">
					<a href="#"><h2>品牌大全</h2></a>
					<p>千万用户信赖的美妆网站</p>
				</div>
				<div class="brands">
					<a href="#">
						<div class="picF1">
							<img src="../images/p01.jpg"/>
						</div>
					</a>
					<div class="brands-list">
						<ul>
							<li>
								<a href="#">
									<img src="../images/p1.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p2.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p3.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p4.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p5.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p6.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p7.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p8.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p9.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p10.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p11.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p12.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p13.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p14.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p15.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p16.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p17.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p18.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p19.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p20.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p21.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p22.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p23.jpg"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="../images/p24.jpg"/>
								</a>
							</li>
						</ul>
					</div>
					<a href="#">
						<div class="picL1">
							<img src="../images/p02.jpg"/>
						</div>
					</a>
				</div>
			</div>
		</div>
		<!--页脚搜索-->
		<div id="footerSearch_back">
			<div id="footerSearch">
				<div class="searchContain">
					<h3>更多感兴趣的商品马上搜索</h3>
					<div class="sform">
						<input class="txt" type="text" placeholder="面膜"/>
						<button class="submit"></button>
					</div>
					<ul>
						<li>热搜榜：</li>
						<li><a class="colorChange" href="#">悦诗风云</a></li>
						<li><a href="#">防晒</a></li>
						<li><a class="colorChange" href="#">兰芝</a></li>
						<li><a href="#">面膜</a></li>
						<li><a class="colorChange" href="#">化妆水</a></li>
						<li><a href="#">唇膏/口红</a></li>
						<li><a class="colorChange" href="#">BB霜</a></li>
						<li><a href="#">促销</a></li>
					</ul>
					<div class="footerLink">
						<a href="#"></a>
						<a class="mid" href="#"></a>
						<a href="#"></a>
					</div>
				</div>
				
			</div>
		</div>




		<!--页脚-->
		<div id="yinru"></div>

	<!--&lt;!&ndash;头部js引入&ndash;&gt;-->
	<!--<script src="../js/header.js"></script>-->
	<!--自身js引入-->

	<script src="../js/index.js"></script>
	</body>
</html>
